/*
*侧边栏区域样式.
*/
@charset "utf-8";
.page-sidebar{
    background: #fff !important;
}
/*收起的图标*/
.page-sidebar-menu > .sidebar-toggler-wrapper{
    margin: 1px auto;
    height: 52px;
    padding-top: 10px;
    background: #4087c4;
}
.page-sidebar .sidebar-toggler{
    width: 33px;
    height: 33px;
    opacity: 0.6;
    filter:alpha(opacity=60);
    background-image: url(../img/sidebar-toggler-blue.png);
    background-color: transparent;
    margin-top: 0;
    margin-left: 180px;
}
.page-sidebar .sidebar-toggler:hover{
    opacity: 1;
    filter:alpha(opacity=100);
}
.page-sidebar-closed .page-sidebar .sidebar-toggler{
    margin-left: 1px;
}

.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
    /*background-color: #4274aa;*/
}

ul.page-sidebar-menu{
    padding-top: 0 !important;
}

ul.page-sidebar-menu > li > a{
    border-bottom: 1px solid #e7e7e7 !important;
    border-top: 1px solid #e7e7e7 !important;
    color: #2f363d !important;
    background: #f7f7f7;
    margin-top: -1px;
}
ul.page-sidebar-menu > li:last-child > a{
    border-bottom: 1px solid #e7e7e7 !important;
}

ul.page-sidebar-menu > li a i{
    color:#428bca !important;
}

ul.page-sidebar-menu > li > a > .arrow:before, ul.page-sidebar-menu > li > a > .arrow.open:before{
    color: #d1d2d1 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before, ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before{
    color: #d1d2d1 !important;
}
ul.page-sidebar-menu ul.sub-menu > li > a{
    color: #2f363d !important;
}
ul.page-sidebar-menu ul.sub-menu > li > a i{
    color: #428bca !important;
}
ul.page-sidebar-menu > li.open{
    /*border-top: 1px solid #2c3e5c;*/
    /*padding-top: 1px;*/
}
ul.page-sidebar-menu > li.open > a, ul.page-sidebar-menu > li > a:hover, ul.page-sidebar-menu > li:hover > a{
    background: #f7f7f7 !important;

}
ul.page-sidebar-menu > li.open a i,ul.page-sidebar-menu > li a:hover i,ul.page-sidebar-menu > li > ul.sub-menu > li.open > a i,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover i,ul.page-sidebar-menu > li > ul.sub-menu > li.open > a i
{
    color: #428bca !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover,ul.page-sidebar-menu > li > ul.sub-menu > li.open > a{
    background: #f2f2f2 !important;
    color: #2f363d !important;
}
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a, ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover, ul.page-sidebar-menu > li > ul.sub-menu li.open > a{
    background: #f2f2f2 !important;
    color: #2f363d !important;
}
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a i, ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover  i, ul.page-sidebar-menu > li > ul.sub-menu li.open > a i{
    color: #428bca !important;
}



/*菜单3角*/
/*ul.page-sidebar-menu > li.open > a .selected {
  position: absolute;
  right:-9px;
  top:0px;
  width: 9px;
  height: 39px;
  background: url(../img/sidebar-menu-arrow.png) no-repeat 0 0;
  display: block;
}  */


/***
Sidebar toggler 收起
***/

/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu > li > .sub-menu{
    border: 1px solid #e7e7e7;
    border-top: none;
    border-left: none;
}
.page-sidebar-closed ul.page-sidebar-menu > li > .sub-menu li > ul.sub-menu {
    width: 99.9% !important;
}
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
    background-color: #fff;
}

/*收起状态*/
.page-sidebar-closed .page-sidebar-menu > .sidebar-toggler-wrapper{
    margin: 1px auto;
    height: 52px !important;
    padding-top: 10px;
    background: #4087c4 !important;
}
.page-sidebar-closed .page-sidebar-menu > li:hover .dropdownTitle .title{
    display: block !important;
}
.page-sidebar-closed .dropdownTitle .title .fa_r{
    display: none;
}
.page-sidebar-closed .page-sidebar-menu > li:hover .title .fa_r{
    display: block;
}
.page-sidebar-closed .dropdownTitle .title i{
    margin-left: 8px;
}
/*下拉标题 END*/